<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>父向子通讯</title>

</head>
<body>

    <div id="yun9">
        <haha msg="你好啊" tmp="25"></haha>
    </div>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>

   let haha =  {
        template: `
       <div>
            <button>我是按钮，我要说:{{msg}},今天的温度是:{{tmp}}℃</button>
        </div>
       `,
       props:["msg","tmp"]
    }

   let yun9 = new Vue({
       el: "#yun9",
       components:{
         haha
       }
   });
</script>
</body>
</html>